const path=require('path')
const htmlWebpackPlugin=require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports={
  entry:path.join(__dirname,'./src/app.js'),
  output:{
    path:path.join(__dirname,'./dist'),
    filename:'bundle.js'
  },
  module:{
    rules:[
      {test:/\.css$/,use:['style-loader','css-loader']},
      {test:/\.less$/,use:['style-loader','css-loader','less-loader']},
      {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},
      {test:/\.(jpg|png|gif|jpeg|bmp)$/,loader:'url-loader',options:{
        limit:10000,
        name:'[hash:7]-[naem].[ext]'
      }},
      {test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},
      { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },
      {test:/\.vue$/,use:'vue-loader'}
    ]
  },
  plugins:[
    new htmlWebpackPlugin({
      template:'./src/index.html',
      filename:'index.html'
    }),
    new VueLoaderPlugin()
  ]
}
